<template>
  <div>
    <!-- 面积图 -->
    <sweet-area-chart
      :settings="settings"
      :chartData="chartData"
      width="700px"
    ></sweet-area-chart>
  </div>
</template>
<script>
export default {
  name: 'areaChart',
  data() {
    return {
      settings: {
        dimension: 'data',
        xTitle: 'X轴标题',
        yTitle: 'Y轴标题',
        metrics: ['Email', 'Union Ads'],
        orient: 'vertical',

        width: '700px',
        labelShow: true,
      },
      chartData: [
        {data: 'Mon', Email:120, 'Union Ads': 220},
        {data: 'Tue', Email:130, 'Union Ads': 182},
        {data: 'Wed', Email:101, 'Union Ads': 191},
        {data: 'Thu', Email:134, 'Union Ads': 234},
        {data: 'Fri', Email:90, 'Union Ads': 290},
        {data: 'Sat', Email:230, 'Union Ads': 330},
        {data: 'Sun', Email:210, 'Union Ads': 310}
      ],
    };
  },
}
</script>
